﻿@{
    ViewBag.Title = "SIIV - Análisis";
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Header = "Mis Análisis";
}

@model List<SIIV.Data.Analisis>

<script type="text/javascript">
    $().ready(function () {
        $.ajaxSetup({
            error: function (jqXHR, textStatus, errorThrown) {
                alert(jqXHR.statustext)
                alert(jqXHR.statusText)
                alert(jqXHR.responseText)
            }
        });
    });

    //Evento que se dispara cuando el DOM esta listo para ser utilizado
    $(document).ready(function () {

        jQuery('#loading').ajaxStart(function () {
            jQuery(this).show();
        });

        jQuery('#loading').ajaxError(function (e, xhr, opts, error) {
            alert('La petición a la página ' + opts.url + ' ha devuelto el siguiente error: ' + xhr.status + ' - ' + error);
        });

        jQuery('#loading').ajaxStop(function () {
            jQuery(this).hide();
        });

        

        $('#Animal').prepend($('<option selected=\'true\'></option>').val(0).html('[TODOS]'));

        $('#Animal').bind('change', function () {
            $('#analisis').load('/Consultas/Analisis?idAnimalSeleccionado=' + $("#Animal").val());
        });

        $("#resultados").dialog({
            autoOpen: false,
            
            width: 350,
            modal: true
        });        

        $("#resultados").find('input').keypress(function (e) {
            if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
                e.preventDefault();
                $(".ui-dialog:visible").find('.ui-dialog-buttonpane').find('button:first').click();
            }
        });

    });

    function verResultados(idAnalisis) {
        $.getJSON('/Consultas/ResultadosAnalisis?idAnalisis=' + idAnalisis, function (data) {
            var items = [];
            $('#resultados').html('');

            $.each(data, function (key, val) {
                items.push('<li id="' + key + '">' + val + '</li>');
            });

            $('<ul/>', {
                html: items
            }).appendTo('#resultados');

            $("#resultados").dialog('open');
        });

    }

</script>

@section Menu{
    @Html.Partial("Menu")
}

<p>Animal: @Html.DropDownList("Animal", ViewBag.Animales as IEnumerable<SelectListItem>, new { @id = "Animal" })</p>

<div id="analisis">
    @Html.Partial("AnalisisGrid")
</div>
<div id="resultados" title="Resultados del Análisis">
</div>